<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layouts/simpleLayout">
<head>
    <meta charset="UTF-8">
    <title th:text="${title}"></title>
</head>
<body>
    <div layout:fragment="bodyContent">
        <div class="form-group text-center" th:utext="${cate.description}">

        </div>
        <div class="form-group text-center" th:each="img : ${images}">
            <img class="img-middle" th:src="${'/images/upload/'+img}"/>

        </div>

        <div class="bottom-fixed-bar">
            <a href="#" class="bottom-fixed-bar-left-item">
                <span class="glyphicon glyphicon-shopping-cart"></span>
            </a>
            <a href="#" onclick="onAddToCart(this)" th:attr="data-countInCart=${countInCart},data-id=${cate.id}" class="btn bottom-fixed-bar-right-item">
                <strong th:text="${'ADD TO ORDER('+cate.price+') ' }">ADD TO DISHES</strong><span>x</span><span id="countInCart" th:text="${countInCart}"></span>
            </a>
        </div>
        <script src="/js/hzy-1.0/hzy-cate.js"></script>
    </div>

</body>
</html>